<template>
  <el-row class="warp">
    <el-col :span="24" class="warp-breadcrum">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }"><b>测试</b></el-breadcrumb-item>
        <el-breadcrumb-item>测试</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>

    <el-col :span="24" class="warp-main" v-loading="loading" element-loading-text="拼命加载中">
      <!--工具条-->
      <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
        <el-form :inline="true" :model="filters">
          <el-form-item>
            <el-input v-model="filters.name" placeholder="测试" style="min-width: 240px;"
                      @keyup.enter.native="handleSearch"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="handleSearch">测试</el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="showAddDialog">测试</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-col>

  </el-row>
</template>
<script>
  /**
   *
   * 1.export与export default均可用于导出常量、函数、文件、模块等
   2.在一个文件或模块中，export、import可以有多个，export default仅有一个
   3.通过export方式导出，在导入时要加{ }，export default则不需要
   4.
   (1) 输出单个值，使用export default
   (2) 输出多个值，使用export
   (3) export default与普通的export不要同时使用
   *
   * */
  import API from "../../api/api_test";

  export default {
    data() {

    },
    methods: {
      handleSearch() {
        this.total = 0;
        this.page = 1;
        this.search();
      },//获取用户列表

    },
    mounted() {
      this.handleSearch();

    }
  };


</script>

<!--<style>-->
<!--.demo-table-expand label {-->
<!--font-weight: bold;-->
<!--}-->
<!--</style>-->
